<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.9/vue.js"></script>
<link rel="stylesheet" href="./scss/m.css">
<script src="../lib/flexible/flexible.debug.js"></script>
<script src="../lib/flexible/flexible_css.debug.js"></script>

<body>
    <div class="wrap">
        <div :class="head">
            <div :class="head_left">
                <img src="./image/logo.png" alt="">
            </div>
            <div :class="head_right">
                <img src="./image/更多 (1).png" alt="">
            </div>
        </div>
        <div :class="center">
            <div :class="banner">
                <img src="./image/banner(1).jpg" alt=""><img src="./image/banne(2).jpg" alt="">
            </div>
        </div>
        <div :class="daohang">
            <div class="item"><img src="./image/1.png" alt="" class="img_url">
                <div class="ico"><img src="./image/c1.png" alt=""></div>
                <p class="text2">城市住宅</p>
            </div>
            <div class="item"><img src="./image/5d8b4b0b28755.png" alt="" class="img_url">
                <div class="ico" :style="{background}"><img src="./image/c1.png" alt=""></div>
                <p class="text2">康旅度假</p>
            </div>
            <div class="item"><img src="./image/1.png" alt="" class="img_url">
                <div class="ico"><img src="./image/c1.png" alt=""></div>
                <p class="text2">城市住宅</p>
            </div>
            <div class="item"><img src="./image/5d8b4b0b28755.png" alt="" class="img_url">
                <div class="ico" :style="{background}"><img src="./image/c1.png" alt=""></div>
                <p class="text2">康旅度假</p>
            </div>
            <div class="item"><img src="./image/1.png" alt="" class="img_url">
                <div class="ico"><img src="./image/c1.png" alt=""></div>
                <p class="text2">其他</p>
            </div>
        </div>
        <div :class="xwzx">
            <p :class="test">
                news center
            </p>
            <div :class="test2">
                <p>新闻中心</p>
                <span>更多</span>
            </div>
            <div :class="test3">
                <img src="./image/60a251ca9d34e.jpg" alt="">
            </div>
            <div :class="test4">
                <p :class="title">05-11</p>
                <p :class="title2">
                    荣盛发展：关于控股股东一致行动人增持公司股份计划时间过半的进展公告
                </p>
                <p :class="title3">
                    荣盛发展：关于控股股东一致行动人增持公司股份计划时间过半的进展公告
                </p>
                <ul class="test5">
                    <li>公司新闻</li>
                    <li>媒体报道</li>
                    <li>最新公告</li>
                </ul>
            </div>
            <div :class="test6">
                <div class="inner_left">
                    <p class="text1">
                        18
                    </p>
                    <p class="text2">
                        2021.10
                    </p>
                </div>
                <div class="inner_right">
                    <p class="text3">云台山景区与荣盛云台古镇达成战略合作</p>
                    <p class="text4">
                        10月14日上午，云台山景区与荣盛·云台古镇在修武县人民政府的安排和
                    </p>
                </div>
            </div>
            <div :class="test6">
                <div class="inner_left">
                    <p class="text1">
                        18
                    </p>
                    <p class="text2">
                        2021.10
                    </p>
                </div>
                <div class="inner_right">
                    <p class="text3">云台山景区与荣盛云台古镇达成战略合作</p>
                    <p class="text4">
                        10月14日上午，云台山景区与荣盛·云台古镇在修武县人民政府的安排和
                    </p>
                </div>
            </div>
        </div>
        <div :class="zjrs">
            <img src="./image/2.png" alt="">
            <p>您来访的目的是了解:公司章程 产品服务 廉洁荣盛</p>
        </div>
        <div class="foot">
            <div class="inner_top">
                <img src="./image/fd-logo.png" alt="">
            </div>
            <img src="./image/QQ图片20220121162954.png" alt="">
        </div>
        <div class="footer">
            <p>Copyright © 2013 荣盛房地产发展股份有限公司<span> 冀ICP备11011764</span></p>
            <ul>
                <li>联系我们</li>
                <li>友情链接</li>
                <li>网站地图</li>
                <li>法律申明</li>
                <li>营业执照</li>
            </ul>
        </div>
    </div>
    <script>
        var v_m = new Vue({
            el: ".wrap",
            data: {
                head: "head",
                head_left: "head_left",
                head_right: "head_right",
                center: "center",
                banner: "banner",
                daohang: "daohang",
                xwzx: "xwzx",
                test: "test",
                test2: "test2",
                test3: "test3",
                test4: "test4",
                title: "title",
                title2: "title2",
                title3: "title3",
                test6: "test6", 
                zjrs: "zjrs",
                background:"#FFA54C"
            }
        })
    </script>
</body>

</html>